<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix = "c"  uri = "http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css"  href="css/bootstrap.min.css"/>
	<link rel="stylesheet" href="js/jsilder/css/jslider.css" type="text/css">
	<link rel="stylesheet" href="js/jsilder/css/jslider.blue.css" type="text/css">
	<link rel="stylesheet" href="js/jsilder/css/jslider.plastic.css" type="text/css">
	<link rel="stylesheet" href="js/jsilder/css/jslider.round.css" type="text/css">
	<link rel="stylesheet" href="js/jsilder/css/jslider.round.plastic.css" type="text/css">
	<script type="text/javascript" src="js/jsilder/js/jquery-1.7.1.js"></script>
	<script type="text/javascript" src="js/jsilder/js/jshashtable-2.1_src.js"></script>
	<script type="text/javascript" src="js/jsilder/js/jquery.numberformatter-1.2.3.js"></script>
	<script type="text/javascript" src="js/jsilder/js/tmpl.js"></script>
	<script type="text/javascript" src="js/jsilder/js/jquery.dependClass-0.1.js"></script>
	<script type="text/javascript" src="js/jsilder/js/draggable-0.1.js"></script>
	<script type="text/javascript" src="js/jsilder/js/jquery.slider.js"></script>
	<style type="text/css" media="screen">
		  body{
			padding-top:50px;
			}
		 .layout { padding: 50px; font-family: Georgia, serif; }
		 .layout-slider { margin-bottom: 60px; width: 50%; }
		 .layout-slider-settings { font-size: 12px; padding-bottom: 10px; }
		 .layout-slider-settings pre { font-family: Courier; }
	</style>
	<title>凯胜项目管理系统</title>
</head>
<body class="body">
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner"  style="color:white">
			<div class="container"><a class="brand" href="#">凯盛项目管理系统</a></div>
		</div>
	</div>
	
	<div class="container">
		<div class="row">
			<div class="span9">
					<form class="form-horizontal">
						<fieldset>
						<legend>编辑任务</legend>
						<div class="control-group">
							<label class="control-label" for="input01">任务名称</label>
							<div class="controls">
								<input type="text" class="span5" id="input01">
								<p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">开始时间</label>
							<div class="controls">
								<input type="text" class="span5" id="input01">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">截止时间</label>
							<div class="controls">
								<input type="text" class="span5" id="input01">
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">任务描述</label>
							<div class="controls">
								<textarea   class="span5"  id="input01" rows="6"></textarea>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">状态</label>
							<div class="controls">
								<select >
									<option>新任务</option>
									<option>进行中</option>
									<option>已完成</option>
							  </select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">级别</label>
							<div class="controls">
								<select >
									<option>重要紧急</option>
									<option>重要不紧急</option>
									<option>紧急不重要</option>
									<option>不紧急不重要</option>
							  </select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">负责人</label>
							<div class="controls">
								<select >
									<option></option>
									<option>Tom</option>
									<option>Jerry</option>							
							  </select>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="input01">当前进度:</label>
							<div style="margin-left:10px;">
							<div class="layout-slider" style="width: 100%">
						      	<span style="display: inline-block; width: 300px; padding: 0 5px;">
						      		<input id="Slider1" type="slider" name="progress" value="76" />
						      	</span> 
						    </div>
						    <div>
						</div>
						<div class="form-actions">
							<button type="submit" class="btn btn-primary">保存</button>
							<button class="btn" onclick="location.back()">返回</button>
					  </div>
						</fieldset>
					</form>
			</div>
		</div>
	</div>
	<script type="text/javascript" charset="utf-8">
      jQuery("#Slider1").slider({ from: 0, to: 100, step: 1, smooth: true, round: 0, dimension: "&nbsp;%", skin: "plastic" });
    </script>
</body>
</html>